<!DOCTYPE html>
<html lang="zh-CN">

<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Document</title>
</head>

<body>
  <!-- 
    传统注册事件的方法
      利用on开头的事件onclick
        特点:注册事件唯一性，同一个元素只能注册一个事件
    
    监听方法注册事件
      addEventListen();可以代替attachEvent()代替
   -->
  <div id="dv1" style="width:300px;height:300px;background:red;">dv1</div>
  <!-- http://pea3nut.blog/e224 -->
</body>
<script>
  /* window.pro_elt_addEventListener = Element.prototype.addEventListener;
  Element.prototype.addEventListener = function () {
    if (!this.eventList) this.eventList = {};
    if (!this.eventList[arguments[0]]) this.eventList[arguments[0]] = [];
    this.eventList[arguments[0]].push(arguments[1]);
    window.pro_elt_addEventListener.apply(this, arguments);
  };
  console.log(Element); */

  //原文件
  var dv1 = document.getElementById('dv1');
  dv1.addEventListener('click', (e) => {
    console.log(e.target.innerHTML);
  });
  dv1.addEventListener('click', function (e) {
    console.log(e.target);
    console.log(e);

  });
  //输出绑定的事件列表
  // console.log(dv1.eventList.click.join('\n'));
  //移除事件
  // dv1.removeEventListener("click", dv1.eventList.click[1]);

  // 监听页面鼠标滚轮的事件 wheelDelta<0向上滚动 wheelDelta>0向上滚动
  document.addEventListener("mousewheel", e => {
    let { wheelDelta } = e;
    console.log(wheelDelta);
  }, false);
</script>

</html>